<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>盒子模型</title>
		<!--内部样式-->
		<style type="text/css">
			.box{
				width: 300px;
				height:450px;
				border: 1px solid red;
				padding-top: 50px;
			}
		</style>
	</head>
	<body>
		<!--盒子模型：内容content，内边距pdding-->
		<!--方位词：top上，bottom下，right右，left左，center居中-->
		<!--内边距padding：会把盒子撑大-->
		<div clss="box">
			hello box!
			</div>
	</body>
</html>
